<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>删除元素</title>
    <style>
        span {
            /* 文字颜色和大小 */
            color: red;
            font-size: 18px;
        }
    </style>
</head>
<body>
<h3>操作数组-删除</h3>
<p>
    <span>数组名.shift(</span>) 方法从数组中删除第一个元素，并返回该元素的值
</p>
<p>
    <span>数组名.pop()</span> 方法从数组中删除最后一个元素，并返回该元素的值
</p>
<hr>
<p>
    <span>数组名.splice(起始位置下标,删除的个数)</span> 方法 删除指定元素
</p>
<p>
解释： <br> <br>
起始位置: <br>
指定修改的开始位置（从0计数） <br> <br>
删除的个数: <br>
表示要移除的数组元素的个数 可选的。  <br>
如果省略则默认从指定的起始位置删 除到最后
</p>
<hr>

<script>
    let 数组1 = ['孙新罡1', '张岩2', '张凯3']
    // 1. shift() 删除第一个元素
    数组1.shift()
    console.log(数组1) //控制台看信息

    let 数组2 = ['孙新罡1', '张岩2', '张凯3']
    // 2.pop() 删除最后一个元素
    数组2.pop()
    console.log(数组2) //控制台看信息

    let 数组3 = ['孙新罡1', '张岩2', '张凯3']
    // 3. splice 删除指定元素  splice(起始位置-索引号, 删除几个)
    数组3.splice(1, 1)  // 是从索引号1的位置开始删，只删除1个
    // 数组3.splice(1) // 删除数量可以省略, 不写就是从下标开始删除到最后
    console.log(数组3)

    /*说明一个特殊的写法, 在特定位置添加数组元素*/
    let 数组4 = ['孙新罡1', '张岩2', '张凯3']
    数组4.splice(1, 0, '添加的元素', '00')  // 索引号1的位置开始删，只删除0个元素, 开始添加的元素
    // 输出到 控制台信息, 看添加结果
    console.log(数组4)
</script>
</body>
</html>